<!doctype html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>爸妈很大</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="icon" type="image/png" href="__PUBLIC__/assets/i/favicon.png">
    <link rel="stylesheet" href="__PUBLIC__/assets/css/amazeui.min.css">
    <link rel="stylesheet" href="__PUBLIC__/assets/css/app.css">
    <link rel="stylesheet" href="__PUBLIC__/css/pub.css">
    <style>

        .yl-img-list{
            width: 100%;
        }
        .yl-p-list {
            margin-bottom: 0;
            font-size: 12px;
        }

        .yl-hr{
            margin-bottom: 0;
            border: solid #F2F2F2 5px;
        }
        .yl-div-list2{
            margin-top: 10px;
            margin-left: 10px;
            margin-right: 10px;
        }
        .yl-span-list{
            color: #b05c5b;
            float: right;
        }

        .yl-span{
            margin-right: 10px;
            color: #B34B3F;
            font-size: 20px;
        }
        .yl-div{
            width: 100%;
            position: fixed;
            bottom: 0;
        }
        .yl-span-nav{
            display: inline-block;
            width: 30%;
            background-color: #F8A833;
            margin-right: 0;
            text-align: center;
            color: #fff;
            padding: 10px 0 10px 0;
        }
        .yl-span-nav2{
            display: inline-block;
            width: 68%;
            background-color: #F70708;
            margin-left: 0;
            text-align: center;
            color: #fff;
            padding: 10px 0 10px 0;
        }
    </style>
</head>
<body>

<img src="__PUBLIC__/img/travel/{$data.big_img}" class="yl-img-list"/>

<!--内容列表-->
<div>
    <hr class="yl-hr"/>
    <div class="yl-div-list2">
        <h5>
            <span class="yl-span">|</span>
            {$data.name}
            <span class="yl-span-list">{$data.price}</span>
        </h5>
        <hr/>
        <p class="yl-p-list">
            {$data.intro}
        </p>

    </div>
</div>
<div style="margin-bottom: 100px;">
    <hr class="yl-hr"/>
    <div class="yl-div-list2">
        <h5>
            <span class="yl-span">|</span>
            详情：
        </h5>
        <hr/>
        <p>*未消费退款 *过期返还 </p>
        <switch name="data.tid">
            <case value="3">
                <img src="__PUBLIC__/img/travel/1032.png" class="yl-img-list"/>
                <img src="__PUBLIC__/img/travel/1033.png" class="yl-img-list"/>
                <img src="__PUBLIC__/img/travel/1034.png" class="yl-img-list"/>
                <img src="__PUBLIC__/img/travel/1035.png" class="yl-img-list"/>
                <img src="__PUBLIC__/img/travel/1036.png" class="yl-img-list"/>
            </case>
            <case value="4">
                <img src="__PUBLIC__/img/travel/2037.png" class="yl-img-list"/>
                <img src="__PUBLIC__/img/travel/2038.png" class="yl-img-list"/>
                <img src="__PUBLIC__/img/travel/2039.png" class="yl-img-list"/>
                <img src="__PUBLIC__/img/travel/2040.png" class="yl-img-list"/>
                <img src="__PUBLIC__/img/travel/2041.png" class="yl-img-list"/>
                <img src="__PUBLIC__/img/travel/2042.png" class="yl-img-list"/>
            </case>
            <case value="5">
                <img src="__PUBLIC__/img/travel/3043.png" class="yl-img-list"/>
                <img src="__PUBLIC__/img/travel/3044.png" class="yl-img-list"/>
                <img src="__PUBLIC__/img/travel/3045.png" class="yl-img-list"/>
                <img src="__PUBLIC__/img/travel/3046.png" class="yl-img-list"/>
                <img src="__PUBLIC__/img/travel/3047.png" class="yl-img-list"/>
                <img src="__PUBLIC__/img/travel/3048.png" class="yl-img-list"/>
                <img src="__PUBLIC__/img/travel/3049.png" class="yl-img-list"/>
                <img src="__PUBLIC__/img/travel/3050.png" class="yl-img-list"/>
            </case>
            <case value="6">
                <img src="__PUBLIC__/img/travel/4051.png" class="yl-img-list"/>
                <img src="__PUBLIC__/img/travel/4052.png" class="yl-img-list"/>
                <img src="__PUBLIC__/img/travel/4053.png" class="yl-img-list"/>
                <img src="__PUBLIC__/img/travel/4054.png" class="yl-img-list"/>
                <img src="__PUBLIC__/img/travel/4055.png" class="yl-img-list"/>
                <img src="__PUBLIC__/img/travel/4056.png" class="yl-img-list"/>
            </case>
            <case value="7">
                <img src="__PUBLIC__/img/travel/5057.png" class="yl-img-list"/>
                <img src="__PUBLIC__/img/travel/5058.png" class="yl-img-list"/>
                <img src="__PUBLIC__/img/travel/5059.png" class="yl-img-list"/>
                <img src="__PUBLIC__/img/travel/5060.png" class="yl-img-list"/>
                <img src="__PUBLIC__/img/travel/5061.png" class="yl-img-list"/>
                <img src="__PUBLIC__/img/travel/5062.png" class="yl-img-list"/>
            </case>
            <case value="8">
                <img src="__PUBLIC__/img/travel/6063.png" class="yl-img-list"/>
                <img src="__PUBLIC__/img/travel/6064.png" class="yl-img-list"/>
                <img src="__PUBLIC__/img/travel/6065.png" class="yl-img-list"/>
            </case>
            <case value="9">
                <img src="__PUBLIC__/img/travel/7066.png" class="yl-img-list"/>
                <img src="__PUBLIC__/img/travel/7067.png" class="yl-img-list"/>
                <img src="__PUBLIC__/img/travel/7068.png" class="yl-img-list"/>
            </case>
            <case value="10">
                <img src="__PUBLIC__/img/travel/8069.png" class="yl-img-list"/>
                <img src="__PUBLIC__/img/travel/8070.png" class="yl-img-list"/>
            </case>
            <case value="11">
                <img src="__PUBLIC__/img/travel/9071.png" class="yl-img-list"/>
                <img src="__PUBLIC__/img/travel/9072.png" class="yl-img-list"/>
                <img src="__PUBLIC__/img/travel/9073.png" class="yl-img-list"/>
            </case>
        </switch>


    </div>
</div>
<!--end-->

<!-- Navbar -->
<div class="yl-div">
    <a href="tel:15800859815"><span class="yl-span-nav">电话咨询</span></a>
    <a href="#" data-am-modal="{target: '#doc-modal-1', closeViaDimmer: 0, width: 200, height: 155}"><span
            class="yl-span-nav2">立即订购</span></a>
</div>

<!--模态窗-->
<div class="am-modal am-modal-no-btn" tabindex="-1" id="doc-modal-1">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">填写金额
            <a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a>
        </div>
        <div class="am-modal-bd">
            <form method="post" action="__URL__/getMoney">
                <!--<input type="text" name="money" id="money" style="margin-bottom: 20px;width: 90%"/>-->
                <input name="money" id="money" type="text" placeholder="￥" style="margin-bottom: 20px;width: 90%;"/>
                <br/>
                <input type="submit" value="提交" class="am-btn am-btn-success" id="sub"/>
            </form>
        </div>
    </div>
</div>

<script src="__PUBLIC__/assets/js/jquery.min.js"></script>
<script src="__PUBLIC__/assets/js/amazeui.min.js"></script>
</body>
</html>
